<template>
<div style="width: 100%;">
    <div style="width: 1170px; margin: 20px auto 0;">
        <ddiv class="img-head">
            <ul>
                <li>找工作</li>
                <li>我的简历</li>
                <li>职位广场</li>
                <li>企业广场</li>
            </ul>
        </ddiv>
        <img src="../../assets/img/countdown-csdn-6.png" height="272" width="1170"/>
        <div class="inner">
            <div class="zhiwei" v-for="i in 10">
                <ul>
                    <li class="li1">安卓开发</li>
                    <li class="li2">成都职业技术有限公司</li>
                    <li class="li3">13-15k/月</li>
                    <li class="li4">2020-3-20更新</li>
                    <li class="li5"><a href="">我要应聘</a></li>
                </ul>

            </div>
        </div>

    </div>
    <foot style="margin-top: 50px;"></foot>
</div>


</template>

<script>
    import foot from "../../components/common/foot"
    export default {
        name: "recruit",
        components:{
            foot
        }
    }
</script>

<style scoped>
    .inner{
        width: 800px;
        margin-top: 10px;

    }
    .inner .zhiwei{
        border-top: 1px solid #e8eaf1;
        border-right:  1px solid #e8eaf1;
        border-left:  1px solid #e8eaf1;
        padding: 10px;
        transition: 0.5s;
    }
    .inner .zhiwei:hover{
        background-color: #dcdfe6;
    }
    .inner .zhiwei:last-child{
        border-bottom: 1px solid #e8eaf1;
    }
    .inner .zhiwei ul{
        list-style: none;
    }
    .inner .zhiwei ul li{
        display: inline-block;
        height: 40px;
        line-height: 40px;
    }
    .inner .zhiwei .li1{
        width: 100px;
    }
    .inner .zhiwei .li2{
        width: 300px;
    }
    .inner .zhiwei .li3{
        width: 130px;
        color: #62b038;
    }
    .inner .zhiwei .li4{
        width: 150px;
        font-size: 12px;
        color: #999;
        margin-right: 10px;
        cursor: pointer;
    }
    .inner .zhiwei .li5{
        width: 80px;
        color: #656565;
        background-color: #fff;
        border: 1px solid #e1e1e1;
        text-align: center;
        height: 30px;
        line-height: 30px;

    }
    .inner .zhiwei .li5:hover{
        background-color: #62b038;

    }
    .inner .zhiwei .li5 a:hover{
        color: #fff;
    }
    .inner .zhiwei .li5 a{
        font-size: 14px;

    }

    .img-head{
        width: 1170px;
        height: 50px;

    }
    .img-head ul{
        list-style: none;
        margin-bottom: 10px;
    }
    .img-head ul li{
        display: inline-block;
        width: 100px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        transition: 1s;
        cursor: pointer;
    }
    .img-head ul li:hover{
        background: #62b038;
        color: #ffffff;
    }
    .img-head ul li:first-child{
        background: #62b038;
        color: #ffffff;
    }
</style>